<template>
  <div>
    <header class="header">
      <nav class="nav container fx-h-c">
        <header-left></header-left>
        <header-right></header-right>
      </nav>
    </header>
    <Sort v-if='isShow'></Sort>
  </div>
</template>

<script>
import HeaderLeft from "@/components/header/HeaderLeft";
import HeaderRight from "./HeaderRight";
import Sort from "./Sort";
export default {
  name: "Header",
  components: {
    HeaderLeft,
    HeaderRight,
    Sort,
  },
  data() {
    return {
      isShow: window.location.pathname === '/'
    }
  },
  created() {
    this.$bus.$on('changeIsShow', (type) => {
      this.isShow = type;
    })
  }
};
</script>

<style lang="scss" scoped>
.header {
  border-bottom: 1px solid #eaeaea;
  .nav {
    height: 6.1rem;
    justify-content: space-between;
  }
}
</style>